<template>
  <div id=''>
    <h1></h1>
    <p>{{ props.title }}</p>
    <p>{{ props.user.age }}</p>
    <p>{{ props.msg }}</p>
  </div>
</template>
<script lang='ts' setup>
import { ref, h, type Ref, isRef, reactive, isReactive, readonly, isReadonly, toRef, toRefs, unref, isProxy } from 'vue';
// const props = defineProps({
//   title: String,
//   user: Object,
//   msg: String
// })

export interface Iuser {
  id?: number,
  name: string,
  age: number,
  sex: string
}

const props = defineProps<{
  title: string,
  user: Iuser,
  msg: string
}>();
</script>
